<div style="margin-bottom:20px;" id="boss_carouse<?php echo $module; ?>" class="b-es-carousel-wrapper boss-carousel">
                    <div class="b-es-carousel">
                        <ul class="jcarousel-skin-opencart">
    <?php foreach ($banners as $banner) { ?>
    <li><a href="<?php echo $banner['link']; ?>"><img height="<?php echo $height; ?>" src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" title="<?php echo $banner['title']; ?>" /></a></li>
    <?php } ?>
    
  </ul>
  </div>
</div>

<script type="text/javascript">
                    if(getWidthBrowser() > 767 && getWidthBrowser() < 960) {
                        $('#boss_carouse<?php echo $module; ?>').elastislide({
                            imageW 		: <?php echo $width; ?>,
                            current		: 0,
                            border		: 0,
                            margin		: 0,
                            minItems	: 2,
                            onClick 	: true,
                            disable_touch		: false
                        });
                    }else{
                        $('#boss_carouse<?php echo $module; ?>').elastislide({
                            imageW 		: <?php echo $width; ?>,
                            current		: 0,
                            border		: 0,
                            margin		: 0,
                            minItems	: 2,
                            onClick 	: true,
                            disable_touch		: false
                        });
                    }
                </script> 
